<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>EMS系统用户登录</title>
    <style type="text/css">
        .top{
            width: 100vw;
            height: 150px;
            /*margin-left: 300px;*/
            background-color: white;
        }
        .main{
            width: 100vw;
            height: 600px;
        }
        .left{
            float: left;
            width: 80%;
            height: 800px;
            background:linear-gradient(90deg,yellowgreen,darkgreen);
        }
        .right{
            float: left;
            width: 19%;
            height: 800px;
            margin-left:5px;
            background:darkgreen;
        }
        .foot{
            width: 100%;
            height: 50px;
            background-color: white;
            text-align: center;
            /*margin-left: 1200px;*/

        }
        #logo{
           /* width: 400px;*/
            height:150px;
        }
        .fourgoods{
            text-shadow: 3px 3px 3px#2E2D3C;
            color: white;
            width: 180px;
            height: 120px;
            margin-left: 45%;
        }
        .goods{
            margin-top: 1%;
            box-shadow:inset 0 0 40px #2E2D3C;
            width: 99%;
            height:550px;
            float: left;
            margin-left: 0.5%;

        }
        .loginword{
            text-shadow: 3px 3px 3px#2E2D3C;
            color: white;
            height: 200px;
            margin-left: 100px;

        }
        #loginbox {
            color: white;
            width: 99%;
            height: 600px;
            margin-left: 1%;
        }
    </style>
<!--    <link rel="stylesheet" href="../static/css/style.css">-->
    <link rel="stylesheet" href="../../static/layui/css/layui.css">
</head>
<body>
<div class="top">
<img id="logo" src="../../static/imgs/logo.png">
</div>
<div class="main">
    <div class="left">
        <h1 class="fourgoods" style="font-size: 40px">我&nbsp;们&nbsp;承&nbsp;诺四&nbsp;大&nbsp;优&nbsp;势</h1>
            <img class="goods" src="../../static/imgs/fourgoods.png">
    </div>
    <div class="right">
        <div class="loginword">
            <br/><br/>
        <h1 >&nbsp;&nbsp;&nbsp;&nbsp;欢&nbsp;迎&nbsp;登&nbsp;陆</h1>
            <br/><br/>
        <h1 >EMS设备管理系统</h1>
        </div>
        <div id="loginbox">
            <form class="layui-form" action="">
                <a href="Register.html" style="float: right;color: orange; text-shadow: 3px 3px 3px#2E2D3C;">没有账号?立即注册&nbsp;&nbsp;</a>
                <br/><br/>
                <div class="layui-form-item">
                    <label class="layui-form-label" style=" text-shadow: 3px 3px 3px#2E2D3C;">账&nbsp;号</label>
                    <div class="layui-input-block">
                        <input type="text" id="title"  required lay-verify="required" placeholder="请输入账号" style="width:200px;height: 40px" class="layui-input">
                    </div>
                </div>
                <br/><br/><br/>
                <div class="layui-form-item">
                    <label class="layui-form-label" style=" text-shadow: 3px 3px 3px#2E2D3C;">密&nbsp;码</label>
                    <div class="layui-input-inline">
                        <input type="password" id="password"  required lay-verify="required" placeholder="请输入密码" style="width:200px;height: 40px "  class="layui-input">
                        <br/>
                        <a href="changePassword.html" style="color: white;float: right ; text-shadow: 3px 3px 3px#2E2D3C;">
                            忘记密码?
                        </a><br/> <br/>
                    </div>
                <br/><br/> <br/>
                <div class="layui-form-item">
                    <div class="layui-input-block" id="btnbox">
                        <button type="submit" class="layui-btn layui-btn-warm layui-btn-radius" style="height: 50px;width:100px" lay-submit lay-filter="formDemo" id="loginbtn">登&nbsp;录</button>
                        <button type="reset" class="layui-btn layui-btn-warm layui-btn-radius" style="height: 50px;width:100px" id="resetbtn">重&nbsp;置</button>
                    </div>
                </div>
                </div>
            </form>
        </div>
    </div>
    <div style="clear: both;"></div>
<div class="foot">
    <p >©加文龙 吴可 何帅为 版权所有</p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系我们：13648078528</p>
</div>
</div>
</body>

</html>